﻿<!DOCTYPE html>
<!-- saved from url=(0023)http://www.todolist.cn/ -->
<!-- 这个小demo的html和css是从ToDoList直接下载的
    我只是想用jquery来实现一下它的功能
    作为自己练习的一个小demo -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>ToDoList—最简单的待办事项列表</title>
    <meta name="description" content="ToDoList无须注册即可使用，数据存储在用户浏览器的html5本地数据库里，是最简单最安全的待办事项列表应用！">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <header>
        <section>
            <form action="javascript:;" id="form">
                <label for="title">ToDoList</label>
                <input type="text" id="title" name="title" placeholder="添加ToDo" required="required" autocomplete="off">
            </form>
        </section>
    </header>
    <section>
        <h2 >正在进行 <span id="todocount">0</span></h2>
        <ol id="todolist" class="demo-box"></ol>
        <h2>已经完成 <span id="donecount">0</span></h2>
        <ul id="donelist"></ul>
    </section>
    <footer>
        Copyright © 2014 todolist.cn <a href="javascript:;">clear</a>
    </footer>
    <!-- 引入jquery文件，因为我要用jquery写这个案例 -->
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/todolist.js"></script>

</body>

</html>